<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>宽度自适应布局</title>
    <style>
        body,div{ margin:0; padding:0;}
        div{ color:#F00;}
        .left{ float:left; width:200px; background:#00f;}
        .right{ float:right; width:300px; background:#0f0; }
        .center{ background:#333; margin:0 300px}
    </style>
</head>
<body>
<div class="left">我是left</div>
<div class="right">我是right</div>
<div class="center">课程须知1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经老师告诉你能学到什么？1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法</div>



</body>
</html>
</body>
</html>